<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Children Elements</title>
</head>
<body>
    <div id="parent-element">
        <div id="child1" class="child">Child 1</div>
        <span id="child2" class="child">Child 2</span>
        <p id="child3" class="child">Child 3</p>
        <a href="#link1" id="link1" class="link">Link 1</a>
        <a href="#link2" id="link2" class="link">Link 2</a>
        <div id="nested-parent">
            <div id="nested-child1">Nested Child 1</div>
            <span id="nested-child2">Nested Child 2</span>
            <a href="#nested-link" id="nested-link">Nested Link</a>
        </div>
    </div>
    
    <div id="another-parent">
        <button id="button1">Button 1</button>
        <input id="input1" type="text" value="test">
        <a href="#another-link" id="another-link">Another Link</a>
    </div>
</body>
</html>
